/* 
    Document   : Tempcss
    Created on : Feb 11, 2012, 9:43:47 AM
    Author     : Admin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{
margin: 0px;
padding:0px;
}

#wrapper{
width:960px;
height:1000px;
}

#wrtop{
width:960px;
height:180px;
background-color:#CC6600;
background-image:url(../Images/hinhnentop.jpg);
}

#wrtop1{
width:207px;
height:180px;
background-image:url(../Images/clothesName.jpg);
float:left;
}

#wrtop2{
width:753px;
height:180px;
float:right;
}


#wrtop21{
width:700px;
height:78px;
margin-top:20px;
margin-right:45px;
float:right;
text-align:right;
color:#FBF9FA;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}


#wrtop22{
width:536px;
height:82px;
background-image:url(../Images/hinhnentop2.jpg);
float:left;
}

#wrtop2211{
width:30px;
height:82px;
float:left;
}

#wrtop2212{
width:33px;
height:82px;
float:right;
}

#wrtop2213{
width:468px;
height:60px;
margin-top: 22px;
margin-left: 5Px;
float:left;
color:#364C20;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#wrtop221{
width:29px;
height:20px;
float:left;
float:top;
background-image:url(../Images/traitren.jpg);
}

#wrtop222{
width:29px;
height:32px;
float:left;
float:bottom;
background-repeat:no-repeat;
background-image:url(../Images/bentrai.jpg);
}

#wrtop223{
width:29px;
height:30px;
float:left;
float:bottom;
background-repeat:no-repeat;
background-image:url(../Images/traiduoi.jpg);
}

#wrtop224{
width:33px;
height:18px;
float:right;
float:top;
background-repeat:no-repeat;
background-image:url(../Images/phaitren.jpg);
}

#wrtop225{
width:16px;
height:36px;
float:right;
background-repeat:no-repeat;
background-image:url(../Images/benphai.jpg);
}

#wrtop226{
width:33px;
height:28px;
float:right;
background-repeat:no-repeat;
background-image:url(../Images/phaiduoi.jpg);
}

#wrsecondtop{
height:200px;
width: 960px;
background-image:url(../Images/hinhnentopnd.jpg);
}

#wrsecondtoptrai{
width:207px;
height: 200px;
float:left;
}


.nennavtrai{
width:207px;
height: 40px;
}

#wrsecondtop2{
width:536px;
height:200px;
background-color:#F1091F;
float:left;
}

#banner{
margin:5px;

}

#wrmiddle{
width:960px;
height:570px;
background-image:url(../Images/hinhnentop.jpg);
}

#wrmiddle1{
width:207px;
float:left;
}

#wrmiddle2{
width:536px;
height:570px;
float:left;
background-color:#F5EED1;
}

#wrmiddle3{
width:217px;
float:right;
}

#category{
height:30px;
margin-top:10px;
}

#bestsellingtest{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
color:#990033;
text-align:center;
margin-top: 10px;
margin-bottom: 10px;
}

#divli{
margin-left:70px;
}

li{
margin-top:5px;
color:#F5EED1;
font-size:18px;
list-style:url(../Images/list.jpg);
}

#HAVEONLINE{
margin-top:20px;
margin-left:20px;
margin-right:10px;
color:#FFCC66;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
}

#wrbottom{
height:146px;
width: 960px;
background-image:url(../Images/hinhnentop.jpg);
}

#wrbottomtrai{
margin-top:16px;
height:130px;
width:207px;
float:left;
}

#wrbottomphai{
height:146px;
width:217px;
float:right;
}

#wrbottomgiua{
height:146px;
width:536px;
float:left;
}

#menuduoi{
margin-top:20px;
margin-right:5px;
margin-bottom: 50px;
font-size:15px;
text-align:right;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#F5EED1;
}


